[nospaces]
[newclass=.poke-container-2]height: 710px;display: flex;justify-content: center;align-items: center;transition-duration: 1s[/newclass]
[newclass=.top-round-border-2]margin: auto;height: 150px;width: 300px;border-radius: 150px 150px 0 0; background: #FFC0CB;border: 1px solid silver;border-bottom: 0px[/newclass]
[newclass=.bottom-round-border-2]margin: auto;height: 150px; width: 300px; border-radius: 0 0 150px 150px ; background-color: white;border: 1px solid silver[/newclass]
[newclass=.poke-divider-2]margin: auto;width: 300px;height: 15px;display: flex;justify-content: center;align-items: center;background-color: #525252;position: relative;z-index: 2;[/newclass]
[newclass=.center-round-2]width: 75px;height: 75px;background-color: #525252;border-radius: 100%;display: flex; justify-content: center;align-items: center[/newclass]
[newclass=.center-round-2 .center-round-2]margin: auto;width: 50px;height: 50px;border: 1px solid silver;background-color: white[/newclass]
[newclass=.center-round-2 .center-round-2 .center-round-2]margin: auto;width: 30px;height: 30px;border: 1px solid silver;background-color: white[/newclass]
[newclass=.center-round-2 .center-round-2 .center-round-2:hover]cursor: pointer[/newclass]
[newclass=.poke-post-section-2]margin: 20px auto;padding: 20px;padding-top: 40px;width: 300px;text-align: justify;height: 250px;border: 3px solid #FFC0CB;border-radius: 10px;background-color: white;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)[/newclass]
[newclass=.poke-post-2]padding: 0px 10px;font-family: Verdana, sans-serif;color: gray;font-size: 15px;overflow: auto;height: calc(100% - 20px);position: relative;z-index: 1;font-size: 12px[/newclass]
[newclass=.poke-post b-2]color: #FFC0CB[/newclass]
[newclass=.amethy-2]text-align: center; z-index: -1;position: relative[/newclass]
[newclass=.amethy-2 a]text-decoration: none;color: silver;font-size: 12px;font-family: Verdana, sans-serif;letter-spacing: 1px[/newclass]
[newclass=.poke-post-2::-webkit-scrollbar]width: 5px[/newclass]
[newclass=.poke-post-2 b]color: #FFC0CB;[/newclass]
[newclass=.poke-post-2::-webkit-scrollbar-track]background: #f1f1f1[/newclass]
[newclass=.poke-post-2::-webkit-scrollbar-thumb]background: #FFC0CB[/newclass]
[attr="class","poke-container-2"]
[attr="class","top-round-border-2"]
[attr="class","poke-divider-2"]
[attr="class","center-round-2"]
[attr="class","center-round-2"]
[attr="class","center-round-2 poke-poke-2"]
[attr="class","poke-post-section-2"]
[attr="class","poke-post-2"]
this one is a different variation! and i am legally obliged to do something silly so please excuse me as i pass the
link for the actual moving bit.[break][break]
will definitely want to be more adventurous in design
next time but that's another problem for another day, yes yes. gotta grapple with keyframes first maybe?? and proboards style tags? idk im ded[break][break]
sample texts to get the scrollbar flowing! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a congue ante. Vivamus dolor odio, tempus sed arcu non, sollicitudin ullamcorper tortor. Duis porttitor massa a leo consequat tristique. Aliquam libero diam, mattis id vulputate a, tincidunt quis sem. Nunc urna quam, sagittis vel posuere eget, maximus vel erat. [break][break]
Etiam non semper nisi. Pellentesque non ornare lectus. Nulla erat erat, ullamcorper sit amet molestie ut, congue ut nulla. Praesent vitae ligula nisi. Morbi sollicitudin ex eget cursus imperdiet. Aenean vehicula ullamcorper porttitor.
[attr="class","bottom-round-border-2"]